// 选中堂兄弟元素，之前原生CSS 一直没实现，因为 CSS 无法选中父元素也无法选中兄元素
// CSS3 中引入的 :last-child 和 :has() 会导致回溯
// 之前采用 input 置顶 + label 隔山打牛，指哪打哪。 
.box {
    width: 100px;
    height: 100px;
    background-color: $sucColor;
    // &:hover+.dialog {
    //     display: block;
    // }
    // 会报错
    // button:hover&+.box {
    //     display: block;
    // }
    // 顶层输出
    // @at-root #{button:hover&+.box} {
    //     display: block;
    // }
}

.dialog {
    display: none;
    background-color: pink;
}